<template>
    <div class="games">
        <vistorHead :title="data.title" :title2="data.title2"></vistorHead>
        <div class="games_box">
            <router-view></router-view>
        </div>
        <vistorFoot index="2"></vistorFoot>
    </div>
</template>

<script>
    import vistorHead from '../Common/VistorHead'
    // import GamesMenu from '../../../Function/Games/GamesMenu'
    import vistorFoot from '../Common/VistorFoot'
    export default {
        name: '',
        data() {
            return {
                data:{
                    title:'游客',
                    title2:'小游戏'
                }
            }
        },
        components: {
            vistorHead,
            vistorFoot,
            // GamesMenu,
        },
        methods:{

            resize(){
                $('.games_box').css({
                    height:$(window).height()-66
                })
            }
        },
        mounted() {
            this.resize()
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .games{
        position: relative
    }
    .games_box{
        position: relative;
    }
</style>